@charset "utf-8";
@import url('css/login.css');

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	/*overflow: hidden;*/
}
body {
	background: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none
}
input, textarea, select {
	border: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, a {
	outline: none;
}
 input::-moz-focus-inner {
 border: 0;
}
/* clear div */
.clear {
	clear: both;
	display: block;
	font-size: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

/* --------------------------------------------------------- old */
.container {
	margin:20px auto;
	position:relative;
	width:90%;
	height:700px;
}
.content-1 {
	background:url(images/bg/content-bg1.jpg) #000 no-repeat fixed center center;
	padding: 60px 0;
}
.content-2 {
	background:url(images/bg/content-bg4.jpg) #000 no-repeat fixed center center;
	padding: 60px 0;
}
.content-3 {
	background:url(images/bg/content-bg2.jpg) #000 no-repeat fixed center center;
	padding: 60px 0;
}
.content-4 {
	background: #FFF;
	padding: 60px 0;
}

/* ------------------------------------------------------- general
---------------------------------------------------------------- */

div.shadow-r {
	background: url(images/bg/bg-right.png) repeat-y 0 0;
	height: 100%;
	width: 200px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 200;
}
div.shadow-l {
	background: url(images/bg/bg-left.png) repeat-y 0 0;
	height: 100%;
	width: 200px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 200;
}

/* container */
div#wrap-container {
	width: 100%;
	z-index: 1;
}
div#wrap-container div.content {
	margin: 0 auto;
	width: 1270px;
}
div.bg-type1 {
	background: url(images/bg/bg-type1.jpg) repeat-x center center;
	height: 100%;
}
div.bg-type2 {
	background: url(images/bg/bg-type2.jpg) repeat-x fixed center center;
	height: 100%;
}
div.bg-type3 {
	background: url(images/bg/bg-type3.jpg) repeat-x fixed center center;
}
div.bg-type4 {
	background: url(images/bg/bg-type4.jpg) repeat-x fixed center center;
}

/* header */
div#wrap-header {
	background: #000;
	height: 35px;
	padding: 4em 0 0 0;
	width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
}
div.head-l {
	background: url(images/bg/bg-head-l-repeat.jpg) repeat-x 0 0;
	float: left;
	height: 29px;
	width: 25%;
}
div.head-r {
	border-bottom: solid 1px #FF0000;
	float: left;
	border-top: solid 1px #FF0000;
	height: 27px;
	width: 75%;
		position: relative;
}
div.head-r ul.topnav {
	position: absolute;
	left: 0;
	top: 0;
}
div.head-r ul.topnav li {
	float: left;
}
div.head-r ul.topnav li a {
	display: block;
	height: 27px;
	text-indent: -9999px;
}
div.head-r ul.topnav li.home a {
	background: url(images/button/topmenu.jpg) no-repeat 0 0;
	width: 75px;
}
div.head-r ul.topnav li.home a:hover {
	background: url(images/button/topmenu.jpg) no-repeat 0 bottom;
}
div.head-r ul.topnav li.shoecafe a {
	background: url(images/button/topmenu.jpg) no-repeat -75px 0;
	width: 93px;
}
div.head-r ul.topnav li.shoecafe a:hover {
	background: url(images/button/topmenu.jpg) no-repeat -75px bottom;
}
div.head-r ul.topnav li.shopping a {
	background: url(images/button/topmenu.jpg) no-repeat -168px 0;
	width: 84px;
}
div.head-r ul.topnav li.shopping a:hover {
	background: url(images/button/topmenu.jpg) no-repeat -168px bottom;
}
div.head-r ul.topnav li.category a {
	background: url(images/button/topmenu.jpg) no-repeat -252px 0;
	width: 86px;
}
div.head-r ul.topnav li.category a:hover {
	background: url(images/button/topmenu.jpg) no-repeat -252px bottom;
}
div.head-r ul.topnav li.location-shop a {
	background: url(images/button/topmenu.jpg) no-repeat -338px 0;
	width: 118px;
}
div.head-r ul.topnav li.location-shop a:hover {
	background: url(images/button/topmenu.jpg) no-repeat -338px bottom;
}
div.head-r ul.topnav li.activity a {
	background: url(images/button/topmenu.jpg) no-repeat -456px 0;
	width: 98px;
}
div.head-r ul.topnav li.activity a:hover {
	background: url(images/button/topmenu.jpg) no-repeat -456px bottom;
}
div.head-r ul.topnav li.contact-us a {
	background: url(images/button/topmenu.jpg) no-repeat -554px 0;
	width: 111px;
}
div.head-r ul.topnav li.contact-us a:hover {
	background: url(images/button/topmenu.jpg) no-repeat -554px bottom;
}

div.head-l h1 {
	background: url(images/bg/bg-head-l.jpg) no-repeat 0 0;
	display: block;
	float: right;
	height: 29px;
	text-indent: -9999px;
	width: 211px;
		position: relative;
}
div.head-l h1 a {
	background: url(images/general/logo-shoe-cafe.png) no-repeat 0 0;
	display: block;
	height: 28px;
	text-indent: -9999px;
	width: 133px;
		position: absolute;
		right: 17px;
		top: -3px;
}

div.head-login {
	color: #FF0000;
	padding: 0 0 0 50px;
	position: absolute;
	left: 665px;
	top: 3px;
		z-index: 9999;
}
div.head-login a {
	color: #FF0000;
}
div.head-login a.cart {
	background: url(images/icon/icon-cart.jpg) no-repeat 0 0;
	display: block;
	height: 29px;
	text-indent: -9999px;
	width: 35px;
		position: absolute;
		left: 0;
		top: -4px;
}

/* footer */
div#wrap-footer {
	background: url(images/bg/bg-footer-l-repeat.jpg) repeat-x 0 5px #000;
	height: 30px;
	padding: 5px 0 4em 0;
	width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
}
div.footer-l {
}
div.footer {
	background: url(images/bg/bg-footer-r.jpg) no-repeat right 0;
	height: 40px;
	width: 100%;
		position: relative;
}
div.footer a {
	display: block;
	float: right;
	margin: 5px 5px 0 0;
		position: relative;
		z-index: 9999;
}
div.footer a.fb {
	background: url(images/icon/icon-social.png) no-repeat 0 0;
	height: 29px;
	text-indent: -9999px;
	width: 18px;
}
div.footer a.tw {
	background: url(images/icon/icon-social.png) no-repeat right 0;
	height: 29px;
	margin: 5px 50px 0 0;
	text-indent: -9999px;
	width: 38px;
}
p.copyright {
	background: url(images/text/text-copyright.jpg) no-repeat 0 0;
	display: block;
	height: 16px;
	text-indent: -9999px;
	width: 381px;
		position: absolute;
		right: 38em;
		top: 1em;
}
